<template>
	<!-- 选择收信人 -->
	<view>
		<view class="search">
			<image src="../../static/search333.png" mode="aspectFill"></image>
			<input type="text" value="" placeholder="搜索"/>
		</view>
		<view class="chose">
			<view>选择标签群发</view>
		</view>
		<view class="box">
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/ueser-pugongying.png" mode="aspectFill"></image>
				<view>A蒲公英</view>
			</view>
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/user-qingxu.png" mode="aspectFill"></image>
				<view>A半面情绪</view>
			</view>
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/uesr-xiaomi.png" mode="aspectFill"></image>
				<view>A玫瑰小米</view>
			</view>
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/ueser-pugongying.png" mode="aspectFill"></image>
				<view>B蒲公英</view>
			</view>
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/user-qingxu.png" mode="aspectFill"></image>
				<view>半面情绪</view>
			</view>
			<view class="user">
				<radio class="suoxiao"></radio>
				<image src="../../static/user/uesr-xiaomi.png" mode="aspectFill"></image>
				<view>B玫瑰小米</view>
			</view>
		</view>
		<button type="primary">下一步(2)</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	
	page {
		background-color: #F2F3F5;
	}
	
	.box {
		height: 890rpx;
		background-color: #fff;
		margin-bottom: 10rpx;
	}
	
	.search {
		display: flex;
		align-items: center;
		border-radius: 50rpx;
		width: 690rpx;
		height: 66rpx;
		margin: 24rpx 30rpx;
		background-color: #fff;
	}
	
	.search image {
		width: 30rpx;
		height: 30rpx;
		margin: 0 21rpx 0 30rpx;
	}
	
	.search input {
		color: #AFAFAF;
		font-size: 30rpx;
		font-weight: 500;
	}
	
	.chose {
		margin: 20rpx auto;
		height: 104rpx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
	}
	
	.chose view {
		font-size: 30rpx;
		font-weight: 500;
		color: #333;
		margin-left: 30rpx;
	}
	
	.user {
		display: flex;
		align-items: center;
		height: 120rpx;
		background-color: #fff;
	}
	
	.user view {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}
	
	.user image {
		width: 76rpx;
		height: 76rpx;
		margin-right: 30rpx;
	}
	
	.suoxiao {
		margin-left: 10rpx;
		margin-right: 6rpx;
		transform: scale(.7);
	}
	
		
	button {
		width: 710rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 30rpx;
		color: #fff;
	}
</style>